
// {bem_b}
@use "./mixin/mixins.scss" as *;
@use './mixin/function.scss' as *;

@import "common/index.scss";

@include bem_b(keyboard) {
  @include bem_e(tooltip) {
    @include flex;
    justify-content: space-between;
    background-color: #ffffff;
    padding: 14px 12px;

    &__item {
      color: #333333;
      flex: 1;
      text-align: center;
      font-size: 15px;
    }

    &__submit {
      text-align: right;
      @include VueAndNvueStyleAttr("color","color", "primary");
    }

    &__cancel {
      text-align: left;
      color: #888888;
    }

    &__tips {
      @include VueAndNvueStyleAttr("color","text-color", "secondary");
    }
  }
}
